<lv-group lvDirection="vertical" lvGutter="30px">
    <lv-group lvGutter="20px">
        <lv-badge [lvValue]="10"></lv-badge>
        <lv-badge [lvValue]="100" [lvBackgroundColor]="'#36c5cc'"></lv-badge>
    </lv-group>
    <lv-group lvGutter="20px">
        <lv-badge lvAsStatus="default"></lv-badge>
        <lv-badge lvAsStatus="success"></lv-badge>
        <lv-badge lvAsStatus="warning"></lv-badge>
        <lv-badge lvAsStatus="error"></lv-badge>
        <lv-badge lvAsStatus="processing"></lv-badge>
    </lv-group>
    <lv-group lvDirection="vertical" lvGutter="8px">
        <lv-badge lvAsStatus="default" lvLabel="default"></lv-badge>
        <lv-badge lvAsStatus="success" lvLabel="success"></lv-badge>
        <lv-badge lvAsStatus="warning" lvLabel="warning"></lv-badge>
        <lv-badge lvAsStatus="error" lvLabel="error"></lv-badge>
        <lv-badge lvAsStatus="processing" lvLabel="processing..."></lv-badge>
    </lv-group>
</lv-group>